<f:view xmlns="http://www.w3.org/1999/xhtml"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.org/ui"
        xmlns:pm="http://primefaces.org/mobile"
        contentType="text/html"
        renderKitId="PRIMEFACES_MOBILE">
    <script language="javascript" type="text/javascript">
        function back(){
            window.navigate("index.xhtml");
        }
    </script>    
    <pm:page title="Game Android">       
        <!-- ViewDetail page-->
        <pm:view id="viewDetail">
            <pm:header title="Chi tiết Game">
                <f:facet name="left"><p:button value="Back" icon="back" outcome="android?faces-redirect=true"/></f:facet>
            </pm:header>

            <pm:content>
                <h3>Game Android</h3>                        
                    <h:form>
                        <p>
                            <p:graphicImage value="#{bundle.root}/#{androidController.current.properties.getProperty('preview')}"/>
                            <p>
                                <h2>
                                    <h:outputText value="#{androidController.current.properties.getProperty('title.vn')} / #{androidController.current.properties.getProperty('title.en')}" style="color: #ff0000"/>

                                    <h:outputLink value="#viewHandset" style="                                                  
                                                  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
                                                  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
                                                  box-shadow:inset 0px 1px 0px 0px #ffffff;
                                                  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
                                                  background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
                                                  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
                                                  background-color:#ededed;
                                                  -moz-border-radius:9px;
                                                  -webkit-border-radius:9px;
                                                  border-radius:9px;
                                                  border:1px solid #dcdcdc;
                                                  display:inline-block;
                                                  color:#777777;
                                                  font-family:Comic Sans MS;
                                                  font-size:13px;
                                                  font-weight:bold;
                                                  padding:6px 9px;
                                                  text-decoration:none;
                                                  text-shadow:1px 1px 0px #ffffff;
                                                  color: #777777">Handset</h:outputLink>
                                </h2>                    
                            </p>
                            <h:outputText value="#{androidController.current.properties.getProperty('description.vn')}" style="font-size: 15px;font-family: fantasy"/>                            
                            <br/>
                            <div align="center">
                                <h:outputLink value="#{androidController.current.properties.getProperty('downloadlink')}" style="-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
                                              -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
                                              box-shadow:inset 0px 1px 0px 0px #ffffff;
                                              background-color:transparent;
                                              -moz-border-radius:42px;
                                              -webkit-border-radius:42px;
                                              border-radius:42px;
                                              border:2px solid #dcdcdc;
                                              display:inline-block;
                                              color:#777777;
                                              font-family:Arial;
                                              font-size:19px;
                                              font-weight:bold;
                                              padding:9px 24px;
                                              text-decoration:none;
                                              text-shadow:1px 1px 0px #ffffff;
                                              color: green">Download</h:outputLink>
                            </div>
                        </p>
                    </h:form>
            </pm:content>

            <pm:footer swatch="c">
                <h1 style="font-size: x-small" >Designed by Thangcoder</h1>        
                <h1 style="font-size: x-small" >Three Best Company</h1>          
            </pm:footer>
        </pm:view>
        <!-- Handset page-->
        <pm:view id="viewHandset">
            <pm:header title="Handset">
                <f:facet name="left"><p:button value="Back" icon="back" outcome="android?faces-redirect=true"/></f:facet>
            </pm:header>

            <pm:content>
                <h3>Game Android</h3>                        
                    <h:form>
                        <p:outputPanel layout="block">
                            <p:graphicImage value="#{bundle.root}/#{androidController.current.properties.getProperty('preview')}"/><br/>
                            <h:outputText value="#{androidController.current.properties.getProperty('handset')}" style="font-size: 15px;font-family: fantasy"/>
                        </p:outputPanel>
                    </h:form>
            </pm:content>

            <pm:footer swatch="c">
                <h1 style="font-size: x-small" >Designed by Thangcoder</h1>        
                <h1 style="font-size: x-small" >Three Best Company</h1>          
            </pm:footer>
        </pm:view>

    </pm:page>
</f:view>
